<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="./css/global.css">
<link rel="stylesheet" href="./css/style.css">
</head>

<body>
	<div class="header">
    	<div class="top">Full court promotions are on</div>
    	<div class="com">
        	<div class="h_left fl">
            	<a href="">
                	<img src="./images/logo.png" />
                </a>
            </div>
            <div class="h_center fl">
            	<div class="nav">
                	<div class="col cur">
                    	<a href="index.html" class="name">HOME</a>
                    </div>
                    <div class="col">
                    	<a href="shop.html" class="name">SHOP</a>
                        <div class="nav_list">
                        	<div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="col next">
                    	<a href="about.html" class="name">ABOUT</a>
                    </div>
                    <div class="col next">
                    	<a href="news.html" class="name">NEWS</a>
                    </div>
                    <div class="col next">
                    	<a href="service.html" class="name">SERVICE</a>
                    </div>
                    <div class="col last">
                    	<a href="javascript();" class="name">
                        	<img src="./images/amazon.png" />
                        </a>
                    </div>
                </div>
            </div>
            <div class="h_right fr">
            	<div class="fl icon">
            		<a href="search.html"><img src="images/search_a.png" /></a>
                </div>
                <div class="fl icon">
                	<a id="cart" href="cart.html"><img src="images/shop_icon.png" /></a>
                    <div class="cart_list">
                        <div class="top">RECENTLY ADDED ITEM ($)</div>
                        <div class="list">
                            <div class="row">
                                <div class="fl left">
                                    <img src="images/product-small-img.png" />
                                    <span></span>
                                </div>
                                <div class="fl desc">
                                    <div class="name">NIGHIGOWN</div>
                                    <div class="price"><span>PRICE</span>$208.00</div>
                                    <div class="qty"><span>QTY</span> 1</div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="fl left">
                                    <img src="images/product-small-img.png" />
                                    <span></span>
                                </div>
                                <div class="fl desc">
                                    <div class="name">NIGHIGOWN</div>
                                    <div class="price"><span>PRICE</span>$208.00</div>
                                    <div class="qty"><span>QTY</span> 1</div>
                                </div>
                            </div>
                        </div>
                        <div class="acount">SUBTOTAL: $ 630.00</div>
                        <div class="go">GO TO  SHOPPING BAG</div>
                        <div class="checkout">CHECKOUT</div>
                    </div>
                </div>
                <div class="fl icon">
                    <a href="member.html"><img src="images/my_icon.png" /></a>                    
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="member_contents">
    	<div class="com14">
        	<div class="fl left">
            	<div class="user">
                	<img src="images/member.png" />
                </div>
                <div class="name">kiriemoon</div>
                <ul>
                	<li class="icon01 cur"><a href="member.html">Personal information</a></li>
                    <li class="icon02"><a href="order.html">History order</a></li>
                    <li class="icon03"><a href="">Address list</a></li>
                </ul>
            </div>
            <div class="fl right">
            	<div class="top">
                	<span class="cur">Basic</span>
                    <span>Password</span>
                </div>
                <div class="detail" id="detail01">
                	<div class="name">Hi,dear KIREMOON.</div>
                    <div class="photo">Photo：</div>
                    <div class="img"><img src="images/member-img.png" /><a>edit</a></div>
                    <div class="photo"><span>*</span>Name：</div>
                    <div class="input"><input type="text" placeholder="KIRIEMOON" /></div>
                    <div class="sub"><span>confirm</span></div>
                </div>
                <div class="detail" id="detail02">
                    <div class="photo"><span>*</span>Old password：</div>
                    <div class="input"><input type="password" /></div>
                    <div class="photo"><span>*</span>New password：</div>
                    <div class="input"><input type="password" /></div>
                    <div class="photo"><span>*</span>Confirm password：</div>
                    <div class="input"><input type="password" /></div>
                    <div class="sub"><span>confirm</span></div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="footer">
    	<div class="search">
        	<div class="back">
            	<input type="text" placeholder="Get Newsletter (email address)" />
            </div>
        </div>
    	<div class="nav">
        	<div>
                <a class="cur" href="">HOME</a>       
                <a href="">ABOUT</a>     
                <a href="">CONTACT</a>         
                <a href="">PRIVACY</a>        
                <a href="">POLICY</a> 
            </div>
        </div>
        <div class="share"><img src="images/share.png" /></div>
    	<div class="copyright"> Copyright © 2016 Massaro, Inc. All Rights Reserved. MUNITIO.</div>
    </div>
</body>
<script type="text/javascript" src="./js/jq.js"></script>
<script type="text/javascript">
$('.member_contents .top span').click(function(){
	var index = $(this).index();
	$(this).addClass('cur').siblings().removeClass('cur');
	$('.detail').hide().eq(index).show();
});
</script>
</html>